<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自动定位提交</title>
</head>
<body>
    <h1>地理位置自动定位</h1>
    <p>页面将自动获取你的位置信息并提交。</p>
    
    <!-- 如果位置请求失败，显示错误提示 -->
    <div id="error" style="display: none;">
        位置请求失败！请检查网络连接。
    </div>

    <script>
        // 检测地理定位支持
        if ('geolocation' in navigator) {
            console.log('浏览器支持地理定位');
            navigator.geolocation.requestLocation(
                function(position) {
                    var latitude = position.coords.latitude;
                    var longitude = position.coords.longitude;

                    // 提交数据到后端处理脚本
                    fetch('https://152.136.105.29/geolocation.php', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded',
                            'Cache-Control': 'no-cache'
                        },
                        body: encodeURIComponent(latitude) + '&lng=' + encodeURIComponent(longitude)
                    })
                    .then(function(response) {
                        if (response.ok) {
                            console.log('数据已成功提交！');
                            window.location.href = '#success';
                        } else {
                            console.error('提交失败，请检查网络或位置权限。');
                            document.getElementById('error').style.display = 'block';
                        }
                    })
                    .catch(function(error) {
                        console.error('请求失败:', error);
                        document.getElementById('error').style.display = 'block';
                    });
                },
                function(error) {
                    console.error('位置请求出错：', error);
                    document.getElementById('error').style.display = 'block';
                }
            );
        } else {
            console.log('浏览器不支持地理定位，建议使用其他方法提交数据。');
            window.location.href = 'input.html'; // 跳转到手动输入页面
        }
    </script>
</body>
</html>
